<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org" xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">
<head>
    <meta charset="UTF-8"/>
    <title>黑龙江省农业科技园区管理平台</title>
    <!-- pagination css -->
    <link rel="stylesheet" th:href="@{/assets/css/temp/pagination.css}"/>
    <!-- fix table header CSS -->
    <link rel="stylesheet" th:href="@{/assets/css/temp/fixedHeaderTable.css}"/>
    <!-- jquery.jscrollpane css -->
    <link rel="stylesheet" th:href="@{/assets/css/temp/jquery.jscrollpane.css}"/>
    <!-- 引入jedate的css -->
    <link  rel="stylesheet" th:href="@{/assets/js/temp/jedate/skin/jedate.css}"/>
    <!-- Bootstrap core CSS -->
    <link rel="stylesheet" th:href="@{/assets/css/temp/bootstrap.css}"/>
    <!-- 为自定义checkbox样式引入的css -->
    <link rel="stylesheet" th:href="@{/assets/css/temp/iCheck.css}"/>
    <!-- bootstrapValidator -->
    <link rel="stylesheet" th:href="@{/assets/css/temp/bootstrapValidator.css}"/>
    <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
    <link rel="stylesheet" th:href="@{/assets/css/temp/ie10-viewport-bug-workaround.css}"/>

    <!-- Self-defining styles for this template -->
    <link rel="stylesheet" th:href="@{/assets/css/temp/mrpsStyle.css}"/>
    <link rel="stylesheet" th:href="@{/assets/css/temp/mrpsStandardLayout.css}"/>

    <script type="text/javascript" th:src="@{/assets/js/temp/home/configCenter.js}"></script>
    <style type="text/css">
        .placeholder {color: #9A9DA9;}
        .mrps_tab li {
            padding: 0 15px;
            height: 62px;
            width: 140px;
            text-align: center;
        }
        .main_body{
            min-width:1024px;
            overflow-x: auto !important;
        }
        .nav.navbar-default{
            min-width:1024px;
        }
        .container-fluid1{
            background-color:#1D2735;
        }
        .main_body .navbar-header {
            float:left;
            display: table;
            max-width: 324px;
            margin-right:0;
        }
        @media (max-width: 1152px){
            .main_body .navbar-header{
                min-width: 285px;
                margin-right:0;
            }
            #mytab {
                min-width: 555px;
                float: left;
            }
        }

        .container-fluid1{
            padding-left:0;
            height: 60px;
        }
        .main_body .navbar-header label.firstTitle{
            position:absolute;
            left:128px;
            top:-8px;
        }
        .main_body .navbar-header label.secondTitle{
            position:absolute;
            left:200px;
            top:-8px;
        }
        #mytab{
            min-width:570px;
            float:left;
            margin-left: 200px;
        }
        .nav li{
            float:left;
        }
        #main_load {
            margin-top: 70px;
        }
        .main_body .navbar-default{
            min-width: 1024px;
        }
        .navbar-right{
            margin-right:10px;
        }
    </style>
</head>
<body class="main_body">
<nav class="navbar navbar-default navbar-fixed-top">
    <div class="container-fluid container-fluid1">
        <div class="navbar-header">
            <div class="navbar-brand mrps_brand"></div>
            <label class="firstTitle">黑龙江省农业科技园区管理平台</label>
        </div>
        <ul class="nav  mrps_tab" id="mytab">
            <li  id="systemConfig" class="active"><span class="setting_icon"></span><a href="#" >系统配置</a></li>
            <li id="historyReport"><span class="Alarm_icon"></span><a href="#" >历史告警</a></li>
            <li id="basisData"><span class="menuData_icon"></span><a href="#">基础数据</a></li>
            <li id="userManage"><span class="menuUser_icon"></span><a href="#">用户管理</a></li>
        </ul>

        <ul class="nav  navbar-right mrps_tab_right">
            <li class="welcomeBox"><span class="welcomeText">欢迎您&nbsp;:&nbsp;</span></li>
            <li class="dropdown">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                    ${sessionScope.user.getUser() }
                    <span class="caret main_arrow"></span>
                </a>
                <ul class="dropdown-menu" role="menu">
                    <li><a onclick="">修改密码</a></li>
                    <li><a href="javascript:void(0);" onclick="">退出</a></li>
                </ul>
            </li>
        </ul>
    </div>
</nav>
<!-- Placed at the end of the document so the pages load faster -->
<script type="text/javascript" th:src="@{/assets/js/temp/jquery-2.1.1.min.js}"></script>
<script type="text/javascript" th:src="@{/assets/js/temp/jquery.json.js}"></script>
<!-- iCheck -->
<script type="text/javascript" th:src="@{/assets/js/temp/iCheck.js}"></script>

<!-- fix table header JS -->
<script type="text/javascript" th:src="@{/assets/js/temp/jquery.fixedheadertable.js}"></script>

<!-- pagination js -->
<script type="text/javascript" th:src="@{/assets/js/temp/jquery.pagination.js}"></script>

<!-- jquery.jscrollpane js -->
<script type="text/javascript" th:src="@{/assets/js/temp/jquery.mousewheel.min.js}"></script>
<script type="text/javascript" th:src="@{/assets/js/temp/jquery.jscrollpane.js}"></script>

<!-- zTree core JS -->
<script type="text/javascript" th:src="@{/assets/js/temp/jquery.ztree.core.js}"></script>
<script type="text/javascript" th:src="@{/assets/js/temp/jquery.ztree.excheck.js}"></script>
<script type="text/javascript" th:src="@{/assets/js/temp/jquery.ztree.exedit.js}"></script>

<script type="text/javascript" th:src="@{/assets/js/temp/confirm.js}"></script>
<!-- Bootstrap core JavaScript -->
<script type="text/javascript" th:src="@{/assets/js/temp/bootstrap.js}"></script>

<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
<script type="text/javascript" th:src="@{/assets/js/temp/ie10-viewport-bug-workaround.js}"></script>
<script type="text/javascript" th:src="@{/assets/js/temp/share.js}"></script>
<script type="text/javascript" th:src="@{/assets/js/temp/jquery.cookie.js}"></script>

<!-- IE9无法显示placeholder的解决插件 -->
<script type="text/javascript" th:src="@{/assets/js/temp/jquery.placeholder.min.js}"></script>
<!-- bootstrapValidator -->
<script type="text/javascript" th:src="@{/assets/js/temp/bootstrapValidator.js}"></script>
<div id="main_load" layout:fragment="content"></div>
</body>
</html>